<template>
    <el-card>
        <div class="h-36">
            <img :src="userStore.avatar" class="w-32 h-32 rounded-full float-left" alt="">
            <div class="float-left ml-6">
                <h3 class="text-4xl font-semibold ">{{ getTime() }}好呀{{ userStore.username }}</h3>
                <p style="font-style: italic;" class="text-cyan-400 mt-10 ">硅谷甄选运营平台</p>
            </div>
        </div>
    </el-card>
    <div class=" mt-3 flex justify-center">
        <svg-icon name="welcome" width="600px" height="450px"></svg-icon>
    </div>
</template>

<script setup lang="ts">
import { getTime } from "../../utils/time"
// 引入组合式api函数之生命周期函数
import { onMounted } from 'vue';
import useUserStore from '@/store/modules/user';
let userStore = useUserStore()
// 目前首页挂载完毕发请求的
onMounted(() => {
    userStore.userInfo()
})

</script>

<style lang="scss" scoped>

</style>
